<div class="bjui-pageHeader">
    <div class="bjui-searchBar">
        <span><a class="btn btn-orange" href="javascript:;" onclick="$(this).navtab('reloadForm', true);"
                 data-icon="undo">刷新</a></span>
    </div>
</div>
<div class="bjui-pageContent tableContent">
    <table data-toggle="tablefixed" data-width="100%" data-nowrap="true">
        <thead>
        <tr>
            <th>备份名称</th>
            <th>卷数</th>
            <th>压缩</th>
            <th>数据大小</th>
            <th>备份时间</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <volist name="list" id="data">
            <tr>
                <td>{$data.time|date='Ymd-His',###}</td>
                <td>{$data.part}</td>
                <td>{$data.compress}</td>
                <td>{$data.size|format_bytes}</td>
                <td>{$key}</td>
                <td class="action">
                    <!--<a class="db-import" href="{:U('import?time='.$data['time'])}">还原</a>&nbsp;-->
                    <a href="{:U('del?time='.$data['time'])}" data-toggle="doajax" data-confirm-msg="确定要操作吗？">删除</a>
                </td>
            </tr>
        </volist>
        </tbody>
    </table>
</div>


<script type="text/javascript">
    $(".db-import").click(function () {
        var self = this, status = ".";
        $.get(self.href, success, "json");
        window.onbeforeunload = function () {
            return "正在还原数据库，请不要关闭！"
        }
        return false;

        function success(data) {
            if (data.status) {
                if (data.gz) {
                    data.info += status;
                    if (status.length === 5) {
                        status = ".";
                    } else {
                        status += ".";
                    }
                }
                $(self).parent().prev().text(data.info);
                if (data.part) {
                    $.get(self.href,
                            {"part": data.part, "start": data.start},
                            success,
                            "json"
                    );
                } else {
                    window.onbeforeunload = function () {
                        return null;
                    }
                }
            } else {
                updateAlert(data.info, 'alert-error');
            }
        }
    });
</script>